<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title></title>
	<link rel="stylesheet" href="./css/reset.css">
	<!-- 当前页css -->
	<link rel="stylesheet" href="./css/msg.css">
	<!-- <link rel="stylesheet" href="./css/animate.css"> -->
</head>
<body>

	<!-- 父容器 -->
	<div class="container">
		<!-- 顶部头 -->
		<div class="top clearfix">
			<div class="back fl">返回</div>
			<div class="title fl">消息</div>
		</div>
		<!-- 设置内容 -->
		<div class="content">
		<!-- 			子导航
		<div class="sub-nav">
			<ul class="clearfix">
				评论和赞
				<li class="comments active"><button>评论和赞</button>
					<i></i></li>
				通知
				<li class="msg"><button>通知</button>
					<i></i></li>
			</ul>
		</div> -->
			<!-- 主体内容 -->
			<div class="inner-content">
				<!-- 评论和赞内容 -->
				<div class="comments-box"></div>
				<!-- 通知内容 -->
				<div class="msg-box active">
					<ul>
						<li>
							<div class="sub-item clearfix">
								<!-- 图标 -->
								<div class="icon fl"></div>
								<!-- 消息内容 -->
								<div class="msg fr">
									<h4 class="title">作业来啦</h4>
									<p><span>来自“劝学第1讲 我们为什么要学习理论 第1节理论素养对企业的重要性”的作业，</span><a href="#">去完成>></a></p>
									<p class="time"><span>12</span>月<span>22</span>日 <span>17:32</span></p>
								</div>
							</div>
						</li>
						<li>
							<div class="sub-item clearfix">
								<!-- 图标 -->
								<div class="icon fl"></div>
								<!-- 消息内容 -->
								<div class="msg fr">
									<h4 class="title">作业来啦</h4>
									<p><span>来自“劝学第1讲 我们为什么要学习理论 第1节理论素养对企业的重要性”的作业，</span><a href="#">去完成>></a></p>
									<p class="time"><span>12</span>月<span>22</span>日 <span>17:32</span></p>
								</div>
							</div>
						</li>
						<li>
							<div class="sub-item clearfix">
								<!-- 图标 -->
								<div class="icon fl"></div>
								<!-- 消息内容 -->
								<div class="msg fr">
									<h4 class="title">作业来啦</h4>
									<p><span>来自“劝学第1讲 我们为什么要学习理论 第1节理论素养对企业的重要性”的作业，</span><a href="#">去完成>></a></p>
									<p class="time"><span>12</span>月<span>22</span>日 <span>17:32</span></p>
								</div>
							</div>
						</li>
						<li>
							<div class="sub-item clearfix">
								<!-- 图标 -->
								<div class="icon fl"></div>
								<!-- 消息内容 -->
								<div class="msg fr">
									<h4 class="title">作业来啦</h4>
									<p><span>来自“劝学第1讲 我们为什么要学习理论 第1节理论素养对企业的重要性”的作业，</span><a href="#">去完成>></a></p>
									<p class="time"><span>12</span>月<span>22</span>日 <span>17:32</span></p>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- 移动端适配 -->
	<script src="./js/flexible.js"></script>
  <script src="./js/time-filter.js"></script>
  <script src="./js/mui-3.7.2.js"></script>
  <script src="./js/jquery.js"></script>
  <script src="./js/ajax.js"></script>
  <script src="./js/index.js"></script>
	<script src="./js/msg.js"></script>
</body>
</html>
